<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
</head>

<body style="color:#333;padding:3px;">
    <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color"><a href="javascript:;" style="font-size:16px">杭州市清江贸易有限公司</a>编号：CU00003</h1>
    </div>
    <div class="contact-box colorRed">
        注:本决策依据中经销商的市场费用均只计入活动开始时间！
    </div>
    <!-- 标题 -->
    <div>
    <form action="" class="form-inline">
      <table class="table text-center table-bordered table-hover bud_hei">
         <thead>
             <tr class="info">
            <th class="text-left font-bold" colspan="15">决策依据（一）<span style="color:blue">杭州市清江贸易有限公司</span>当年的投入产出对比分析表<span style="float: right;">金额单位：元</span></th>
          </tr>
          <tr class="info ">
            <th class="text-center" style="min-width: 100px">&nbsp;</th>
            <th class="text-center">1月</th>
            <th class="text-center">2月</th>
            <th class="text-center">3月</th>
            <th class="text-center">4月</th>
            <th class="text-center">5月</th>
            <th class="text-center">6月</th>
            <th class="text-center">7月</th>
            <th class="text-center">8月</th>
            <th class="text-center">9月</th>
            <th class="text-center">10月</th>
            <th class="text-center">11月</th>
            <th class="text-center">12月</th>
            <th class="text-center">平均</th>
            <th class="text-center">合计</th>
          </tr>
         </thead>
          <tr>
            <td style="min-width: 100px;color:blue">目标销量</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>333.33</td>
            <td>-</td>
            <td>-</td>
            <td>27.78</td>
            <td>333.33</td>
          </tr>
            <tr>
            <td  style="min-width: 100px;color:blue">发运额</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
          </tr>
            <tr>
             <td  style="min-width: 100px;color:blue">预算费用</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
          </tr>
           <tr>
           <td  style="min-width: 100px;color:blue">投入额</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
          </tr>
           <tr>
           <td  style="min-width: 100px;color:blue">目标费用率</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
          </tr>
           <tr>
           <td  style="min-width: 100px;color:blue">实际费用率</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
          </tr>
      </table>
        <table class="table row-margin-top text-center table-bordered table-hover bud_hei">
         <thead>
             <tr class="info">
            <th class="text-left font-bold" colspan="15">决策依据（二）<span style="color:blue">杭州市清江贸易有限公司</span>的<span style="color:blue">市场投入记录</span>(从2015年01月01算起)<span style="float: right;">金额单位：元</span></th>
          </tr>
          <tr class="info text-center">
            <th class="text-center" style="min-width: 40px">年/月</th>
            <th class="text-center" style="min-width: 100px">&nbsp;</th>
            <th class="text-center">1月</th>
            <th class="text-center">2月</th>
            <th class="text-center">3月</th>
            <th class="text-center">4月</th>
            <th class="text-center">5月</th>
            <th class="text-center">6月</th>
            <th class="text-center">7月</th>
            <th class="text-center">8月</th>
            <th class="text-center">9月</th>
            <th class="text-center">10月</th>
            <th class="text-center">11月</th>
            <th class="text-center">12月</th>
            <th class="text-center">合计</th>
          </tr>
         </thead>
          <tr class="text-right">
            <td style="min-width: 40px" rowspan="4" class="text-center">2017</td>
            <td class="text-left" style="min-width: 100px">新品开发费</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
          </tr>
          <tr class="text-right">
            <td class="text-left" style="min-width: 100px">堆头费</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
          </tr>
          <tr class="text-right">
            <td class="text-left" style="min-width: 100px">条码费</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
          </tr>
           <tr class="text-right font-bold">
            <td class="text-left" style="min-width: 100px">渠道价格折扣费</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
          </tr>
            <tr class="text-right success">
            <td colspan="2">小计</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
          </tr>
           <tr class="text-right">
            <td style="min-width: 40px" rowspan="3" class="text-center">2017</td>
            <td class="text-left" style="min-width: 100px">堆头费</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
          </tr>
          <tr class="text-right font-bold">
            <td class="text-left" style="min-width: 100px">条码费</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
          </tr>
           <tr class="text-right font-bold">
            <td class="text-left" style="min-width: 100px">合同返利</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
          </tr>
           <tr class="text-right success">
            <td colspan="2">小计</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
          </tr>
    </table>
    <table class="table row-margin-top text-center table-bordered table-hover bud_hei">
         <thead>
             <tr class="info">
            <th class="text-left font-bold">决策依据（三）<span style="color:blue">杭州市清江贸易有限公司</span>当年所批复的所有类型费用投入占比饼图<span style="float: right;">金额单位：元</span></th>
          </tr>
        </thead>
        <tbody>
            <td>
                    <div class="ibox-content">
                        <div class="echarts" id="echarts-pie-chart" style="max-width:800px;height: 400px;font-size:20px"></div>
                    </div>
            </td>
        </tbody>
  </table>
  <table class="table row-margin-top text-right table-bordered table-hover bud_hei">
         <thead>
             <tr class="info">
            <th class="text-left font-bold" colspan="15">决策依据（四）<span style="color:blue">杭州市清江贸易有限公司</span>的发运记录(从2015年01月01算起)<span style="float: right;">金额单位：元</span></th>
          </tr>
          <tr class="info font-bold">
            <th class="text-center">产品编码</th>
            <th class="text-center">产品名称</th>
            <th class="text-center">折后销售额(元)</th>
            <th class="text-center">数量(零售单位)</th>
            <th class="text-center">数量(发运单位)</th>
            <th class="text-center">发运日期</th>
          </tr>
        </thead>
        <tbody>
        <tr>
            <td class="text-center"><a href="productdetail.html">201509290029</a></td>
            <td class="text-left">14g汤姆猫水果糖</td>
            <td>71928</td>
            <td>23976盒</td>
            <td>333箱</td>
            <td class="text-center">2017-03-24</td>
        </tr>
        <tr>
            <td class="text-center"><a href="productdetail.html">201509290029</a></td>
            <td class="text-left">14g汤姆猫水果糖</td>
            <td>71928</td>
            <td>23976盒</td>
            <td>333箱</td>
            <td class="text-center">2017-03-24</td>
        </tr>
        <tr>
            <td class="text-center"><a href="productdetail.html">201509290029</a></td>
            <td class="text-left">14g汤姆猫水果糖</td>
            <td>71928</td>
            <td>23976盒</td>
            <td>333箱</td>
            <td class="text-center">2017-03-24</td>
        </tr>
        <tr>
            <td class="text-center"><a href="productdetail.html">201509290029</a></td>
            <td class="text-left">14g汤姆猫水果糖</td>
            <td>71928</td>
            <td>23976盒</td>
            <td>333箱</td>
            <td class="text-center">2017-03-24</td>
        </tr>
        <tr>
            <td class="text-center"><a href="productdetail.html">201509290029</a></td>
            <td class="text-left">14g汤姆猫水果糖</td>
            <td>71928</td>
            <td>23976盒</td>
            <td>333箱</td>
            <td class="text-center">2017-03-24</td>
        </tr>
        <tr>
            <td colspan="6"><button href="productDetail.html" class="btn btn-info">显示更多该经销商的历史发云记录</button></td>
        </tr>
        </tbody>
    </table>
    <table class="table row-margin-top text-center table-bordered table-hover bud_hei" style="margin-bottom: 0">
         <thead>
             <tr class="info">
            <th class="text-left font-bold">决策依据（五）<span style="color:blue">杭州市清江贸易有限公司</span>当年投入、产出点线图<span style="float: right;">金额单位：元</span></th>
          </tr>
        </thead>
        <tbody>
            <td>
                      <div class="ibox float-e-margins">
                          <div class="ibox-content">
                        <div class="echarts" id="echarts-line-chart" style="height: 600px;"></div>
                    </div>
                </div>
            </td>
        </tbody>
  </table>
   <table class="table text-center table-bordered table-hover">
   <thead>
        <tr class="info">
            <th class="text-center">&nbsp;</th>
               <th class="text-center">1月</th>
            <th class="text-center">2月</th>
            <th class="text-center">3月</th>
            <th class="text-center">4月</th>
            <th class="text-center">5月</th>
            <th class="text-center">6月</th>
            <th class="text-center">7月</th>
            <th class="text-center">8月</th>
            <th class="text-center">9月</th>
            <th class="text-center">10月</th>
            <th class="text-center">11月</th>
            <th class="text-center">12月</th>
            <th class="text-center font-bold">平均</th>
            <th class="text-center font-bold">合计</th>
        </tr>
   </thead>
   <tbody>
        <tr>
            <td style="color:blue">发运额</td>
             <td>-</td>
            <td>-</td>
            <td>248,616.00</td>
             <td>-</td>
            <td>-</td>
             <td>-</td>
            <td>-</td>
             <td>-</td>
            <td>-</td>
             <td>-</td>
            <td>-</td>
            <td>-</td>
             <td>20,718.00</td>
             <td>248,616.00</td>
        </tr>
         <tr>
            <td style="color:blue">投入额</td>
             <td>-</td>
            <td>-</td>
            <td>248,616.00</td>
             <td>-</td>
            <td>-</td>
             <td>-</td>
            <td>-</td>
             <td>-</td>
            <td>-</td>
             <td>-</td>
            <td>-</td>
            <td>-</td>
             <td>20,718.00</td>
             <td>248,616.00</td>
        </tr>
   </tbody>
   </table>
    <table class="table row-margin-top text-center table-bordered table-hover bud_hei" style="margin-bottom: 0">
         <thead>
             <tr class="info">
            <th class="text-left font-bold">决策依据（六）<span style="color:blue">杭州市清江贸易有限公司</span>年度同比(从2015年01月01算起)<span style="float: right;">金额单位：元</span></th>
          </tr>
        </thead>
        <tbody>
            <td>
                      <div class="ibox float-e-margins">
                          <div class="ibox-content">
                        <div class="echarts" id="echarts-line-chart1" style="height: 600px;"></div>
                    </div>
                </div>
            </td>
        </tbody>
  </table>
</form>
    </div>
   
    <!-- 全局js -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
     <script src="js/content.js?v=1.0.0"></script>
    <script src="js/plugins/echarts/echarts-all.js"></script>
    <script>
        $(function(){
            /*饼状图*/
            var pieChart = echarts.init(document.getElementById("echarts-pie-chart"));
    var pieoption = {
        title : {
            text: '杭州市清江贸易有限公司 费用投入占比饼图 2017-11-22',
            subtext: false,
            x:'center'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient : 'vertical',
            x : '10%',
            data:['条码费','堆头费','渠道价格折扣费','新品开发费']
        },
        series : [
            {
                name:'访问来源',
                type:'pie',
                radius : '60%',
                selectedMode: 'single', //单一选中模式 
                center: ['50%', '60%'],
                data:[
                    {value:4982, name:'条码费'},
                    {value:8489044.98, name:'堆头费'},
                    {value:419.76, name:'渠道价格折扣费'},
                    {value:9540, name:'新品开发费'}
                ],
                itemStyle:{  
                emphasis: {  
                    shadowBlur: 10,  
                    shadowOffsetX: 0,  
                    shadowColor: 'rgba(0, 0, 0, 0.5)'  
                }  
              }  
            }
        ]
    };
    pieChart.setOption(pieoption);
    $(window).resize(pieChart.resize);
/*点线图决策依据4*/
var lineChart = echarts.init(document.getElementById("echarts-line-chart"));
    var lineoption = {
        title : {
            text: '杭州市清江贸易有限公司 投入、产出点线图 2017-11-22'
        },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['投入额','发运额']
        },
        grid:{
            x:40,
            x2:40,
            y2:24
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['0','01','02','03','04','05','06','07','08','09','10','11','12']
            }
        ],
        yAxis : [
            {
                type : 'value',
                axisLabel : {
                    formatter: '{value}'
                }
                // data:['500000','1000000','1500000','2000000','2500000','3000000','3500000','4000000','4500000','5000000','5500000','6000000','6500000','7000000','7500000','8000000']
            }
        ],
        series : [
            {
                name:'投入额',
                type:'line',
                data:[0, 0, 8493886, 0, 0, 0,0,0,0,0,0,0],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name: '平均值'}
                    ]
                }
            },
            {
                name:'发运额',
                type:'line',
                data:[0,0, 248616, 10100.74,0,0,0,0,0,0,0],
                markPoint : {
                    data : [
                        {name : '年最低', value :0, xAxis: 1, yAxis:0}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name : '平均值'}
                    ]
                }
            }
        ]
    };
    lineChart.setOption(lineoption);
    $(window).resize(lineChart.resize);

    /*点线图决策依据4*/
var lineChart1 = echarts.init(document.getElementById("echarts-line-chart1"));
    var lineoption = {
        title : {
            text: '杭州市清江贸易有限公司 年度同比 2017-11-22'
        },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['2015','2017']
        },
        grid:{
            x:40,
            x2:40,
            y2:24
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['0','01','02','03','04','05','06','07','08','09','10','11','12']
            }
        ],
        yAxis : [
            {
                type : 'value',
                axisLabel : {
                    formatter: '{value}'
                }
                // data:['500000','1000000','1500000','2000000','2500000','3000000','3500000','4000000','4500000','5000000','5500000','6000000','6500000','7000000','7500000','8000000']
            }
        ],
        series : [
            {
                name:'2015',
                type:'line',
                data:[0,1670.750, 3300.750, 3219.250,3300.750,3300.730,3100.730,2300.730,3400.730,3410.730,3200.730,3400.730,3200.730,200.730],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name: '平均值'}
                    ]
                }
            },
            {
                name:'发运额',
                type:'line',
                data:[0,0, 16160.00, 10100.74,0,0,0,0,0,0,0],
                markPoint : {
                    data : [
                        {name : '年最低', value :0, xAxis: 1, yAxis:0}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name : '平均值'}
                    ]
                }
            }
        ]
    };
    lineChart1.setOption(lineoption);
    $(window).resize(lineChart1.resize);
        })
    </script>
    <!-- <script src="js/demo/echarts-demo.js"></script> -->
</body>

</html>
